<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta content="IE=11.0000" http-equiv="X-UA-Compatible">
		<meta charset="utf-8">     
		<meta http-equiv="X-UA-Compatible" content="IE=edge">     
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script src="/BookProject/js/bootstrap.min.js"></script>
		<script src="/BookProject/js/offcanvas.js"></script>
		<link href="/BookProject/css/bootstrap.min.css" rel="stylesheet">
		<link href="/BookProject/css/offcanvas.css" rel="stylesheet">
		<title>BOOK</title>
	</head>
	<body>
		<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          
        </div>
        <div class="collapse navbar-collapse">
          
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </div><!-- /.navbar -->

    <div class="container">

      <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-xs-12 col-sm-9">
          <p class="pull-right visible-xs">
            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
          </p>
          <div class="jumbotron">
            </div>
          <div class="row">
            <div class="col-6 col-sm-6 col-lg-4">
              
            </div><!--/span-->
            <div class="col-6 col-sm-6 col-lg-4">
              
            </div><!--/span-->
            <div class="col-6 col-sm-6 col-lg-4">
              
            </div><!--/span-->
            <div class="col-6 col-sm-6 col-lg-4">
              
            </div><!--/span-->
            <div class="col-6 col-sm-6 col-lg-4">
              
            </div><!--/span-->
            <div class="col-6 col-sm-6 col-lg-4">
              
            </div><!--/span-->
          </div><!--/row-->
        </div><!--/span-->

        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
          <div class="well sidebar-nav">
            <ul class="nav">
              <li>Sidebar</li>
              <li class="active"><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li>Sidebar</li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li>Sidebar</li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
       
      </footer>

    </div><!--/.container-->

	</body>
</html>
